<style scoped lang="less">
  .el-header, .el-footer {
    color: hsla(0,0%,100%,.87);
    line-height: 60px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
  }

  .el-aside {
    z-index:2;
    box-shadow: 6px 0 6px rgba(0,0,0,.1);
    overflow-y: initial;
    color: rgba(0,0,0,.87);
    overflow-x: visible;
    height: 90vh;
    width: 30vw;
  }

  .el-main {
    background-color: #E9EEF3;
    color: #333;
    line-height: 160px;
  }

  body > .el-container {
    margin-bottom: 40px;
  }

  .el-container:nth-child(5) .el-aside,
  .el-container:nth-child(6) .el-aside {
    line-height: 260px;
  }

  .el-container:nth-child(7) .el-aside {
    line-height: 320px;
  }

  a {
    color: #42b983;
  }

</style>
<template>
  <div id="main-contain" class="row">
    <el-container class="h-full">
      <el-header class="bg-3f5">
        <HeaderCon></HeaderCon>
      </el-header>
      <el-container>
        <el-aside>
          <FileTree></FileTree>
        </el-aside>
        <el-container>
          <el-main>
            <EditContent></EditContent>
          </el-main>
          <el-footer>Footer</el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>
<script>
  import HeaderCon from './head.vue'
  import FileTree from './file-tree.vue'
  import EditContent from './edit-content.vue'
  import services from '../assets/js/services'

  export default {
    name: 'main-contain',
    data () {
      return {
        zNodes: [],
        content: '',
        fileName: '',
        title: '',
        path: ''
      }
    },
    components: {
      HeaderCon,
      FileTree,
      EditContent
    },
    methods: {
      login () {
        var _this = this;
        $.get("/api/login/getAccount").done(function (data) {
          console.log(data)
          let params = {
            account: _this.account,
            password: _this.password
          };
          // 创建一个账号密码
          $.post("/api/login/createAccount", params).done(function (data) {
            console.log(data)
          })
        })
      }
    },
    mounted () {
    }
  }
</script>


